<!doctype html>
<html ng-controller="AppCtrl">

<head>

	<title>{{'indexPageTitle' | translate}}</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="">

	<link rel="icon" type="image/png" href="images/favicon.png">

	<script src="js/lib/jquery-1.11.0.min.js"></script>
	<!-- early load of angular for better results with ng-cloak -->
	<script src="js/lib/angular.min.js"></script>

	<link href="css/lib/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet">
	<link href="css/lib/ui-lightness/jquery-ui-1.10.3.custom.css" rel="stylesheet">
	<link href="css/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
	<link href="css/rvd.css" rel="stylesheet" media="screen">
	<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lato:100italic,100,300italic,300,400italic,400,700italic,700,900italic,900">
	<link href="css/lib/joint.css" rel="stylesheet" media="screen">

</head>

<body ng-class="'state-'+stateName" class="rvd">

<!--
	<div class="rvd-header" ui-view="header"></div>
	-->
	<div class="rvd-header container-fluid">
		<div ng-controller="headerCtrl" role="navigation">
			<div class="row">
				<div class="col-md-3">
					<div class="logo-area">
						<div class="logo"></div>
					</div>
				</div>
				<div class="col-md-9">
					<div class="row">
						<div class="col-md-12">
							<div ui-view="projectmenu"></div>
						</div>
					</div>
				</div>
			</div>

		</div>

	</div>

	<div class="notifications-wrapper" ng-show="notifications.data.length > 0" ng-cloak>
		<div ng-repeat="notification in notifications.data">
			<div class="alert alert-{{notification.type}} rvd-notification rvd-clickable-text" style="padding: 9px; margin-bottom: 0;" ng-click="notifications.remove($index)">
				<span ng-show="notification.type == 'success'"><i class="fa fa-check-circle"></i> </span>
				<span ng-show="notification.type == 'info'"><i class="fa fa-info-circle"></i></span>
				<span ng-show="notification.type == 'danger'"><i class="fa fa-exclamation-circle"></i></span>
				<span ng-show="notification.type == 'warning'"><i class="fa fa-warning"></i></span>
				<strong>{{notification.header}}</strong> {{notification.message}}
			</div>
		</div>
	</div>

<div class="main container-fluid">
	<div ng-if="rvdError" class="" ng-cloak>
		<div class="text-center help-block">
			{{rvdError.message}}
		</div>
	</div>
	<div ng-hide="rvdError">
		<div ui-view="container"></div>
	</div>
</div>

<div id="footer" class="footer">
	<a href="https://telestax.com" target="_blank"><img id="telestax-footer" src="images/telestax-footer.png"></a>
	<a href="https://www.youtube.com/c/TeleStax" target="_blank"><img id="youtube" src="images/s-m-youtube.png"></a>
	<a href="https://plus.google.com/+TeleStax/posts" target="_blank"><img id="googleplus" src="images/s-m-google+.png"></a>
	<a href="https://www.linkedin.com/company/telestax" target="_blank"><img id="linkedin" src="images/s-m-linkedin.png"></a>
	<a href="https://twitter.com/telestax" target="_blank"><img id="twitter" src="images/s-m-twitter.png"></a>
	<a href="https://www.facebook.com/Telestax" target="_blank"><img id="facebook" src="images/s-m-facebook.png"></a>
	<div class="telestax-rights">
		© 2016 Telestax, Inc. All rights reserved
	</div>
</div>

<!--
workaround for joint.js issue with Chrome 48  see more here:
https://github.com/RestComm/RestComm-Core/issues/872
https://groups.google.com/forum/#!topic/jointjs/qIKIiJCEClI
-->
<script type="text/javascript">
		SVGElement.prototype.getTransformToElement = SVGElement.prototype.getTransformToElement || function(toElement) {
				return toElement.getScreenCTM().inverse().multiply(this.getScreenCTM());
		};
	</script>

<script src="js/lib/jquery-ui-1.10.3.custom.js"></script>
<script src="js/lib/upload/angular-file-upload-shim.min.js"></script>
<script src="js/lib/filesaver/Blob.js"></script>
<script src="js/lib/filesaver/FileSaver.min.js"></script>
<script src="js/lib/angular-ui-router/angular-ui-router.js"></script>
<script src="js/lib/angular-translate.min.js"></script>
<script src="js/lib/angular-translate-loader-static-files.min.js"></script>
<script src="js/lib/angular-translate-storage-cookie.min.js"></script>
<script src="js/lib/upload/angular-file-upload.min.js"></script>
<script src="js/lib/angular-route.js"></script>
<script src="js/lib/angular-dragdrop.js"></script>
<!-- <script src="js/lib/angular-flash.min.js"></script> -->
<script src="js/lib/sortable.js"></script>
<script src="js/lib/ui-bootstrap-tpls-0.10.0.js"></script>
<script src="js/lib/basic-dragdrop.js"></script>
<script src="js/lib/joint.js"></script>
<script src="js/lib/joint.layout.DirectedGraph.js"></script>
<script src="js/lib/angular-sanitize.min.js"></script>
<script src="js/lib/angular-resource.min.js"></script>
<script src="js/lib/angular-cookies.min.js"></script>
<script src="js/lib/angular-idle.min.js"></script>
<script src="js/lib/ng-storage/ngStorage.min.js"></script>
<script src="js/lib/md5/angular-md5.js"></script>
<script src="js/lib/filesaver/angular-file-saver.min.js"></script>

<script src="app.js"></script>

<script src="js/app/scriptedTemplates.js"></script>
<script src="js/app/stepDirectives.js"></script>
<script src="js/app/directives.js"></script>
<script src="js/app/interceptors.js"></script>
<script src="js/app/services.js"></script>
<script src="js/app/steps.js"></script>
<script src="js/app/models.js"></script>
<script src="js/app/controllers/controllers.js"></script>
<script src="js/app/controllers/upgrade.js"></script>
<script src="js/app/controllers/projectManager.js"></script>
<script src="js/app/controllers/designer.js"></script>

<script src="js/app/countly.js"></script>


</body>


</html>
